﻿@model PNProject.Core.LinkModel
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/AdminLayout.cshtml";
}

<script src="/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<div class="admin_head">
Chỉnh sửa link liên kết
</div>


<div class="admin_content">

@using (Html.BeginForm("Edit", "AdminLink", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
    @Html.HiddenFor(a=>a.Type)
    @Html.HiddenFor(a=>a.LinkID)
         @Html.HiddenFor(a=>a.Lang)
        <legend>Form nhập - Link liên kết</legend>
<div>
<span>Chọn loại liên kết</span>
<select id="link_select">
<option value="0" selected>Link ký tự</option>
<option value="1">Link hình ảnh</option>
</select>
</div>
<br />
<select id="select_lang">
<option value="0">Tiếng Việt</option>
<option value="1">Tiếng Anh</option>
</select>
<br />
<br />
<div id="link_text">
        <div class="title">
                Text hiển thị
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.TextLink)
        </div>
</div>
<br />
<div id="link_image" style="display:none;">
        <div class="title">
                Upload hình từ máy tính
        </div>
        <div class="editor-field">
            <input type="file" name="file" />
        </div>
        <div class="title">
                Hình ảnh từ internet
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.Image)
        </div>
        <br />
</div>

        <div class="title">
                Link đến địa chỉ
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.URL)
        </div>
        <p>
            <input id="main-submit" type="submit" value="Thay đổi" />
        </p>
</fieldset>
}

</div>
<script type="text/javascript">
    $(document).ready(function () {
        var type = $("#Type").val();
        var lang = $("#Lang").val();
        if (lang == "True") {
            $(select_lang).val("0");
        }
        else {
            $(select_lang).val("1");
        }
        if (type == "True") {
            $(link_select).val("0");
            $(link_image).css("display", "none");
            $(link_text).css("display", "block");
        }
        else {
            $(link_select).val("1");
            $(link_image).css("display", "block");
            $(link_text).css("display", "none");
        }

        $(link_select).change(function () {
            var value = $(link_select).val();
            if (value == "0") {
                $(link_image).css("display", "none");
                $(link_text).css("display", "block");
            }
            else {
                $(link_image).css("display", "block");
                $(link_text).css("display", "none");
            }
        });
        $("#main-submit").click(function () {
            var value = $(link_select).val();
            if (value == "0") {
                $("#Type").val("True");
            }
            else {
                $("#Type").val("False");
            }
            var lang = $(select_lang).val();
            if (lang == "0") {
                $("#Lang").val("True");
            }
            else {
                $("#Lang").val("False");
            }
        });
    });
</script>
